<template>
	<el-row id="container">
		<MEHeader></MEHeader>
		<el-col :span="24" id="MEoutter_container">
			<MEContentContainer1></MEContentContainer1>
			<MEContentContainer2></MEContentContainer2>
			<MEContentContainer3></MEContentContainer3>
		</el-col>
		<MEFooter></MEFooter>
	</el-row>
</template>

<script>

	//导入主页需要使用的组件
	import MEHeader from '../MEcomponents/MEheader.vue'
	import MEContentContainer1 from '../MEcomponents/MEcontentcontainer1.vue'
	import MEContentContainer2 from '../MEcomponents/MEcontentcontainer2.vue'
	import MEContentContainer3 from '../MEcomponents/MEcontentcontainer3.vue'
	import MEFooter from '../MEcomponents/MEfooter.vue'

	export default {

		//声明当前页面所需要使用的组件
		components: { 
			MEHeader,
			MEContentContainer1,
			MEContentContainer2,
			MEContentContainer3,
			MEFooter
		},

		data () {
			return {
				// list: []
				// refreshflag: true
			}
		},

		created () {
			// localStorage.clear();
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

	/*.f {
		position: fixed;  
    	bottom: 0;  
	}*/

	#container {
		position: absolute;
		margin-top: 0px;
		margin-bottom: 0px;
		height: 100%;
		width: 100%;
		overflow-y: auto;
		box-sizing: border-box;
	}

	#MEoutter_container {
		height: 20.5rem;
		background-color: rgb(248, 248, 248);
	}
	
</style>